import Vue from "vue";
import VueRouter from "vue-router";

const Home = () => import("../views/Home/Home.vue");
const MV = () => import("../views/mv/MV.vue");
const Playlist = () => import("../views/playlist/Playlist.vue");
const Singer = () => import("../views/singer/Singer.vue");
const Top = () => import("../views/top/top.vue");
const Video = () => import("../views/video/Video.vue");
const playlistitem = () => import("../views/playlistitem/playlistitem.vue");
const mvdetail = () => import("../views/mv/mvdetail/mvdetail.vue");

Vue.use(VueRouter);

const routes = [
  {
    path: "",
    redirect: "/Home",
  },
  {
    path: "/home",
    name: "Home",
    component: Home,
  },
  {
    path: "/MV",
    name: "MV",
    component: MV,
  },
  {
    path: "/Playlist",
    name: "Playlist",
    component: Playlist,
  },
  {
    path: "/Singer",
    name: "Singer",
    component: Singer,
  },
  {
    path: "/Top",
    name: "Top",
    component: Top,
  },
  {
    path: "/Video",
    name: "Video",
    component: Video,
  },
  {
    path: "/playlistitem",
    name: "playlistitem",
    component: playlistitem,
  },
  {
    path: "/mvdetail",
    name: "mvdetail",
    component: mvdetail,
  },
];

const router = new VueRouter({
  routes,
});

export default router;
